﻿<br />
<br />

<form name="myForm">
    <div class="row">
        <div class="col-md-4 col-md-offset-1">
            First Name: <input type="text" ng-model="user.FirstName" class="customtextbox form-control" placeholder="First Name" />
            Last Name: <input type="text" ng-model="user.LastName" class="customtextbox form-control" placeholder="Last Name" />
            Email: <input type="email" ng-model="user.Email" class="customtextbox form-control" placeholder="Email" /><hr />
        </div>
        <div class="col-md-4">
            UserName: <input type="text" ng-model="user.UserName" class="customtextbox form-control" placeholder="Username" />
            Password: <input ng-model="user.Password" type="password" class="customtextbox form-control" name="Password" data-ng-class="{'ng-invalid':myForm.ConfirmPassword.$error.match}" placeholder="Password" />
            Confirm Password: <input ng-model="user.ConfirmPassword" class="customtextbox form-control" type="password" data-match="user.Password" name="ConfirmPassword" placeholder="Confirm Password" />
            <div data-ng-show="myForm.ConfirmPassword.$error.match">Passwords do not match!</div>
        </div>
        <div class="row">
            <div class="col-md-5 col-md-offset-2">
                <button class="btn btn-success btn-block" ng-disabled="myForm.ConfirmPassword.$error.match" ng-click="NewUser(user)">Submit</button>
            </div>
        </div>
    </div>
</form>
